#search {
    width: 19.2rem;
    height: 19rem;
    background: #010E1E;
}

#search .sub-title {
    width: 5.28rem;
    height: 0.26rem;
    font-size: 0.16rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.56rem;
    margin-left: 50%;
    transform: translateX(-50%);
}

html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0px;
    padding: 0px;
}

#foot {
    position: absolute;
    width: 100%;
    border: 0;
    transform: translateY(210px);
}

#container {
    height: 500px
}

.container1 {
    transform: translateY(1.7rem);
    width: 60%;
    /* margin-bottom:  0.58rem; */
    margin-left: 50%;
    transform: translateX(-50%);
    margin-top: 1rem;
}

.title-div {
    width: 12rem;
    height: 1.5rem;
    background: #151F2B;
    border-top: 3rem;
    flex-direction: column;
    margin: 0 auto;
    /* position: absolute; */
    /* top: 8.37rem;
    left: 3.6rem; */
    transform: translateY(2.25rem);
}

.title-div li {
    width: 3rem;
    height: 1.5rem;
    font-size: 0.16rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.15rem;
    display: inline-block;
    outline: none;
    position: relative;

}

#img1 {
    width: 0.25rem;
    padding: 0.12rem 0.15rem;

    height: 0.33rem;
    background: #E5004F;
    border-radius: 50%;
    top: 40px;
    left: 44px;
    position: absolute
}

#img2 {
    width: 0.25rem;
    height: 0.21rem;
    padding: 0.17rem 0.15rem;
    background: #E5004F;
    border-radius: 50%;
    top: 40px;
    left: 44px;
    position: absolute
}

#img3 {
    width: 0.27rem;
    height: 0.27rem;
    padding: 0.16rem 0.16rem;
    background: #E5004F;
    border-radius: 50%;
    top: 40px;
    left: 44px;
    position: absolute
}

.title-div ul {

    justify-content: space-between;
    justify-items: center;
}

.title-div li #p1 {
    top: 0.52rem;
    left: 1.22rem;
    position: absolute
}

.title-div li #p2 {
    top: 0.82rem;
    left: 1.22rem;
    position: absolute
}

.title-div li span {
    width: 3rem;
}

#contact-div {
    transform: translateY(2rem);
    margin: 0 auto;
    width: 12rem;
    flex-direction: column;
}

#contact-div input {
    text-indent: 43px;



}

#input1 {
    margin-right: 0.4rem;
    color: #ffffff;
}
#contact-div .contact-input{
    color: #fff;
}


.contact-input {
    width: 5.8rem;
    height: 0.76rem;
    background: #151F2B;
    border: 0;
    outline: none;
    caret-color: #FFFFFF;
}

#input3 {
    width: 12rem;
    height: 0.76rem;
    background: #151F2B;
    border: 0;
    outline: none;
    transform: translateY(-21px);
    caret-color: #FFFFFF;
    color: #ffffff;
    margin-top: 0.39rem;
}

#input4 {
    width: 12rem;
    height: 2.12rem;
    background: #151F2B;
    border: 0;
    caret-color: #FFFFFF;
    color: #ffffff;
    outline: none;


}

#btn {
    width: 1.23rem;
    height: 0.44rem;
    background: #00A0E9;
    border-radius: 0.1rem;
    margin: 0 auto;
    margin-top: 50px;
    border: 0;
    cursor: pointer;
}

#input4::placeholder {
    transform: translateY(-54px);

}

#contact-div input::placeholder {
    font-size: 9px;

    font-weight: 400;
    color: #FFFFFF;

}

#contact-div {
    margin-top: 0.61rem;
}



/* foot */
#footer {
    height: 0.96rem;
    width: 100%;
    background: #151F2B;
    margin-top: 3rem;
}

#footer .foot {
    padding-top: 0.41rem;
    font-size: 0.14rem;
    font-weight: 400;
    color: #FFFFFF;
    margin-left: 8.34rem;
}

/* end */